<extend name="../../../Public/master"/>
<block name="content">

    </div>
    <div class="body-center">
        <div class="center-content">
            <!--头部开始-->
            <div class="content-header">
                <p>收获地址  <span>温馨提示：为了保证您的权益，防止黄牛倒卖，订单进入正在配货状态将不能修改收货地址和发票信息！</span></p>
            </div>
            <!--头部结束-->
            <!--地址选择开始-->
            <div class="content-address">
                <foreach name="address"  item="vo" key="k">
                <div class="consignee-item">
                    <span class="radio-img <if condition='$k==0'>pitchOn</if>" ></span>
                    <label for="adress1" class="radio">
                        <input type="radio" name="adress" id="adress1" class="radio-select" value=""/><span class="e-name">{$vo['uname']}</span>,<span class="city-particular">{$vo['address']}</span>，<span class="codeNumber">{$vo['postcode']}</span>,<span class="codephone">{$vo['phone']}</span>
                    </label>

                    <span class="compile"><a class="copyreader" href="javascript:;">编辑</a></span>

                    <input type="hidden" class="aa" value="{$vo['uaid']}"  >
                </div>

                </foreach>
                <!--编辑收货地址-->
                <script>
                    $(function(){
                        $('.copyreader').click(function(){
                            var uaid = $(this).parents('.consignee-item').find('.aa').val();
                          $('.uid').val(uaid);
                        })
                    })
                </script>

                <div class="consignee-item new-ress">
                    <span class="radio-img"></span>
                    <label for="adress3" class="radio"><input type="radio" name="adress" id="adress3" class="radio-select"  value=""/>使用新地址</label>
                </div>
                <!--添加地址框-->
                <!--<div class="add-address new">-->
                    <!--<form action="" method="post">-->
                        <!--<div class="s-name">-->
                            <!--<h3 class="style"><b>*</b>收货人姓名</h3>-->
                            <!--<input type="text" class="public" name="name" id="name" placeholder="收货人姓名" value="" />-->
                        <!--</div>-->
                        <!--<div class="address-s">-->
                            <!--<h3 class="style"><b>*</b>地址</h3>-->

                            <!--&lt;!&ndash;城市联动&ndash;&gt;-->
                            <!--<select name="province" id="area1"></select>-->
                            <!--<select name="city" id="area2"></select>-->
                            <!--<select name="county" id="area3"></select>-->
                            <!--&lt;!&ndash;<input type="text" name="name" id="name" placeholder="收货人姓名" value="" />&ndash;&gt;-->
                            <!--<textarea name="particular" placeholder="路名或街道地址，门牌号 " id="particular" rows="" cols=""></textarea>-->
                        <!--</div>-->

                        <!--<div class="postcode">-->
                            <!--<h3 class="style"><b>&nbsp;</b>邮政编码</h3>-->
                            <!--<input type="text" class="public" name="postcode" id="postcode" placeholder="6位邮政编码" value="" />-->
                        <!--</div>-->
                        <!--<div class="shouji">-->
                            <!--<h3 class="style"><b>*</b>手机号码 </h3>-->
                            <!--<input type="text" class="public" name="phone" id="shouji" placeholder="11位手机号码" value="" />-->
                        <!--</div>-->
                        <!--<div class="btn-group">-->
                            <!--<input type="submit"  class="btn" id="btn-bao" value="保存"/>-->
                            <!--<a href="javascript:;" class="btn-qu btn">取消</a>-->
                        <!--</div>-->

                    <!--</form>-->
                <!--</div>-->
                <!--添加地址按钮-->
                <a href="javascript:;" class="new-address"></a>
                <!--添加新地址结束-->
                <!--编辑开始-->
                <div class="add-address edit">
                    <form action="" method="post"  >
                        <div class="s-name">
                            <h3 class="style"><b>*</b>收货人姓名</h3>
                            <input type="text" class="public" name="uname" id="name" placeholder="收货人姓名" value="" />
                        </div>
                        <div class="address-s">
                            <h3 class="style"><b>*</b>地址</h3>

                            <!--城市联动-->
                            <script>
                                $(function () {
                                    area.init('area');
                                    //选中效果
                                    area.selected('山西','临汾','尧都区');
                                })
                            </script>
                            <select name="area[]" id="area1"></select>
                            <select name="area[]" id="area2"></select>
                            <select name="area[]" id="area3"></select>
                            <!--<input type="text" name="name" id="name" placeholder="收货人姓名" value="" />-->
                            <textarea name="address" placeholder="路名或街道地址，门牌号 " id="particular" rows="" cols=""></textarea>
                        </div>

                        <div class="postcode">
                            <h3 class="style"><b>&nbsp;</b>邮政编码</h3>
                            <input type="text" class="public" name="postcode" id="postcode" placeholder="6位邮政编码" value="" />
                        </div>
                        <div class="shouji">
                            <h3 class="style"><b>*</b>手机号码 </h3>
                            <input type="text" class="public" name="phone" id="shouji" placeholder="11位手机号码" value="" />
                        </div>
                        <div class="btn-group">
                            <input type="submit"  class="btn" id="btn-bao"  value="保存"/>
                            <a href="javascript:;" class="btn-qu btn">取消</a>
                        </div>
                        <input type="hidden" class="uid" value="" name="oid">

                    </form>
                </div>
            </div>
            <!--地址选择结束-->
            <!--当点击保存后form表单消失-->
            <script>
                $(function(){
                    $("#btn-bao").on("click",function(){
//                        alert(111);
                        $('.edit').hide();
                    })
                })
            </script>
            <!--地址添加方法-->
            <script>
                $(function(){
                    $("form").submit(function(){
                        //序列化表单 抓取表单元素
                        var data =$("form").serialize();
                        $.post("{:u('home/accounts/Addaddress')}",data,function(res){
                            //layer.msg('操作成功', function(){});
                            layer.alert('地址添加成功', {icon: 6});
                        },'json')
                        //return false;
                    })
                })
            </script>
            <!--地址添加结束-->

            <!--选项开始-->
            <div class="options">
                <div class="options-all">
                    <div class="payment options-public">
                        <h3>支付方式</h3>
                    </div>
                    <div class="consignee-item new-ress">
                        <span class="radio-img pitchOn"></span>
                        <label for="payment" class="radio w122"><input type="radio" name="payment" id="payment" class="radio-select"  value=""/>在线支付</label>
                    </div>
                </div>
                <div class="options-all">
                    <div class="distribution options-public">
                        <h3>配送方式</h3>
                    </div>
                    <div class="consignee-item new-ress">
                        <span class="radio-img pitchOn"></span>
                        <label for="distribution" class="radio w122"><input type="radio" name="distribution" id="distribution" class="radio-select"  value=""/>免费配送</label>
                    </div>
                </div>
                <div class="options-all invoice">
                    <div class=" options-public">
                        <h3>发票信息</h3>
                    </div>
                    <div class="box-all" style="overflow: hidden;">
                        <div class="consignee-item new-ress left">
                            <span class="radio-img pitchOn"></span>
                            <label for="invoice" class="radio w122 no"><input type="radio" name="invoice" id="invoice" class="radio-select "  value=""/>不开发票</label>
                        </div>
                        <div class="consignee-item new-ress left">
                            <span class="radio-img "></span>
                            <label for="invoice1" class="radio w122 yes"><input type="radio" name="invoice" id="invoice1" class="radio-select "  value=""/>普通发票</label>
                        </div>
                    </div>
                    <div class="con">
                        <div class="text">发票内容：购买商品明细</div>
                        <div class="text">发票抬头：请确认单位名称正确，以免因名称错误耽搁您的报销。</div>
                        <div class="box-all" style="overflow: hidden; margin-top: 10px;">
                            <a href="javascript:;" class="geren tongyong active">个人</a>
                            <a href="javascript:;" class="danwei tongyong">单位</a>
                        </div>
                        <div class="danweiname" >
                            <div class="text">单位名称：</div>
                            <input type="text" name="danweiname" id="danweiname" value="" />
                        </div>
                    </div>
                </div>

            </div>
            <!--选项结束-->
            <div class="options-all  goods">
                <div class="qingdan options-public" style="border: none;">
                    <h3>商品清单</h3>
                </div>
                <div class="goodsList">
                    <div class="title">
                        <ul>
                            <li class="l1">商品名称</li>
                            <li class="l2">单价</li>
                            <li class="l3">数量</li>
                            <li class="l4">合计</li>
                        </ul>
                    </div>
                </div>

                <div class="goods-cont">

             <foreach  name="payData['goods']"   key="k" item="v" >
                    <ul>
                        <li style="padding: 13px;">
                            <div class="gc1">
                                <img src="__ROOT__/{$v['options']['img']}"/>
                                <span>{$v['name']}</span>
                            </div>
                            <div class="gc2">
                                ¥
                                <span>{$v['price']}.00</span>
                            </div>
                            <div class="gc3">
                                X
                                <span>{$v['num']}</span>
                            </div>
                            <div class="gc4">
                                ¥
                                <span>{$v['total']}.00</span>
                            </div>
                        </li>

                    </ul>
             </foreach>
                </div>

                <!--总计-->
                <div class="zongji">
                    <ul>
                        <li>
                            共<span class="color">{$payData['total_rows']}</span>件
                        </li>
                        <li>
                            金额合计：<span class="total">{$payData['total']}.00</span>元
                        </li>
                        <li>
                            优惠抵扣：<span>-0.00</span>元
                        </li>
                        <li>
                            配送费：<span>0</span>元
                        </li>
                        <li style="margin-top: 15px;">
                            <h3>应付总金额：<span class="color">{$payData['total']}.00</span>元</h3>
                        </li>
                    </ul>
                </div>

                <!--确认地址-->
                <div class="mailTo">
                    <p>寄送至：<span class="m-city"> </span><span class="m-particular"></span></p>
                    <p><span class="m-name"></span> (收件人) <span class="m-number"></span> </p>
                </div>
                <div class="" style="overflow: hidden;">
                    <a href="javascript:;" class="liji">立即下单</a>
                </div>
            </div>
        </div>
    </div>
    <!--获取默认收件人地址详细-->
    <script>
        $(function(){

            var ename = $('.e-name').html();
            var cityr = $('.city-particular').html();
            var code  = $('.codeNumber').html();
            var phone = $('.codephone').html();
            $('.m-city').html(ename);//姓名
            $('.m-particular').html(cityr);//地址
            $('.m-number').html(phone);

        })
        </script>
    <!--点击下单后提交的数据-->
    <script>
        $(function(){
            //点击下单时执行的操作
            $('.liji').click(function(){

            //抓取收货人
            var consignee = $('.m-name').html();
            //抓取收货地址
            var address =$('.m-particular').html();
            //抓取价格总计
            var total =$('.total').html();
            //抓取手机号码
            var phone = $('.m-number').html();

                $.post("{:u('home/accounts/Immediately')}",{consignee:consignee,address:address,total:total,phone:phone},function(res) {
                      if(res.status){
                         // layer.msg('提交订单成功!', function(){});
                          //信息框-例1
                          layer.alert('订单提交成功', {icon: 6});
                      }else{
                          //信息框-例4
                          layer.msg('订单提交失败', {icon: 5});
                         // layer.msg('提交订单失败!', function(){});
                      }

                },'json');
            })
        })
    </script>
    <!--确认地址-->
    <script>
        $(function(){
        $('.m-name').html($('.e-name').html());
        $('.m-particular').html($('city-particular').html());
        $('.m-number').html($('.codeNumber').html());
        $('.radio').click(function(){
        var name =$(this).parents('.consignee-item').find('.e-name').html();
        var particular = $(this).parents('.consignee-item').find('.city-particular').html();
        var codeNumber = $(this).parents('.consignee-item').find('.codeNumber').html();
        var phone =$(this).parents('.consignee-item').find('.codephone').html();
//            alert(name);
//            alert(particular);
//            alert(codeNumber);
//            alert(phone);
        $('.mailTo .m-particular').html(particular)
        $('.mailTo .m-name').html(name)
        $('.mailTo .m-number').html(phone)
         })
        })
    </script>
</block>